<!-- 数据导出页面 -->
<div class="content-area" id="data-export">
    <div class="page-header">
        <div class="page-title">数据导出</div>
        <div class="page-description">导出测评数据和统计报表</div>
    </div>

    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px;">
        <div class="table-container">
            <div class="table-header">
                <div class="table-title">部门相关数据</div>
            </div>
            <div style="padding: 20px;">
                <button class="btn btn-primary" onclick="DataExportModule.exportData('dept-info')"
                        style="width: 100%; margin-bottom: 10px;">导出部门信息
                </button>
                <button class="btn btn-primary" onclick="DataExportModule.exportData('dept-relations')"
                        style="width: 100%; margin-bottom: 10px;">导出部门测评关系
                </button>
                <button class="btn btn-primary" onclick="DataExportModule.exportData('dept-scores')"
                        style="width: 100%;">
                    导出部门分数
                </button>
            </div>
        </div>

        <div class="table-container">
            <div class="table-header">
                <div class="table-title">教师相关数据</div>
            </div>
            <div style="padding: 20px;">
                <button class="btn btn-primary" onclick="DataExportModule.exportData('teacher-info')"
                        style="width: 100%; margin-bottom: 10px;">导出教师信息
                </button>
                <button class="btn btn-primary" onclick="DataExportModule.exportData('teacher-relations')"
                        style="width: 100%; margin-bottom: 10px;">导出教师测评关系
                </button>
                <button class="btn btn-primary" onclick="DataExportModule.exportData('teacher-scores')"
                        style="width: 100%;">
                    导出教师分数
                </button>
            </div>
        </div>

        <div class="table-container">
            <div class="table-header">
                <div class="table-title">测评内容数据</div>
            </div>
            <div style="padding: 20px;">
                <button class="btn btn-primary" onclick="DataExportModule.exportData('indicators')"
                        style="width: 100%; margin-bottom: 10px;">导出考核指标
                </button>
                <button class="btn btn-primary" onclick="DataExportModule.exportData('indicator-points')"
                        style="width: 100%; margin-bottom: 10px;">导出考核点
                </button>
                <button class="btn btn-primary" onclick="DataExportModule.exportData('positions')"
                        style="width: 100%;">
                    导出岗位信息
                </button>
            </div>
        </div>

        <div class="table-container">
            <div class="table-header">
                <div class="table-title">统计报表</div>
            </div>
            <div style="padding: 20px;">
                <button class="btn btn-primary" onclick="DataExportModule.exportData('summary-report')"
                        style="width: 100%; margin-bottom: 10px;">导出测评汇总报表
                </button>
                <button class="btn btn-primary" onclick="DataExportModule.exportData('detail-report')"
                        style="width: 100%; margin-bottom: 10px;">导出详细测评报表
                </button>
                <button class="btn btn-primary" onclick="DataExportModule.exportData('statistics-report')"
                        style="width: 100%;">
                    导出统计分析报表
                </button>
            </div>
        </div>
    </div>
</div> 